/* template_style */
html {
	margin:0;
	padding:0;
	border:0;
	display:block; /*tp hien thi nhu 1 khoi. tp dung doc lap giua gia tri truoc va sau no*/
}
/*...............*/
body {
	font-family: 'Roboto', arial;
	font-weight: 300;
	background: url(../images/themes/html.png);/*#e1e1e1 left top no-repeat*/
	color: #444334;
	font-size: 14px;
}
/*....................
		HEADER
	.................*/
	
.header{
	width: 100%;
	display: block;
	clear: both; /*ben trai va ben phai cua tp khong duoc float*/
	text-align: center;
	background: url(../images/themes/dot-white.png) left 30px top 45px repeat-x;
}
/*..........header_top..........*/
.header_top{
	max-width:1170px; /*chieu cao tinh tinh phia ben trai ngoai cung*/
	width:98%;
	margin:auto;
	text-align:left;
	clear:both;
}
.network{
	width:50%;
	float:left;
}
/*..........network..........*/
.network ul{
	padding-top:2px;
	list-style:none;
}
.network ul li{
	float:left;
	width:auto;
	padding:0 5px;
}
.network a{
	display:block;
	width:25px;
	height:25px;
	text-decoration:none;
	background: url(../images/themes/nextwork-icons.png) left top no-repeat;
}
.network a.s-fb{
 	background-position: 0 0;
}
.network a.s-gp{
	 background-position: -185px 0;
}


/*..........header_primary..........*/
.header_primary{
	display:block;
	clear:both;
	text-align:center;
}
.primary_top{
	clear: both;
	margin: auto;
	padding-bottom: 20px;
	text-align: left;
	max-width: 1170px;
	width: 97%;
	background-color: #FFFFFF;
	border: 1px solid #c5c5c5;
	min-height: 80px;
	padding: 20px;
	margin-bottom: 20px;
}
.primary_bottom{
	display: block;
	clear: both;
	max-width: 1170px;
	width: 97%;
	margin: auto;
	padding-top: 30px;
}

/*..........header_menu..........*/
.header_menu{
	display: block;
	clear: both;
	height: 54px;
	width:100%;
	background-color:#069;
}

/*..........primary_top..........*/
.primary_top ul{list-style:none;}
.header-primary-top li.working-time {background-position: 0 7px;}
.primary_top li{
	background: url(../images/themes/service-icon.png) left top 20px no-repeat;
	float: left;
	width: auto;
	width: 20%;
	padding-left: 40px;
	height: 75px
}
.primary_top ul li a{
}
.primary_top li p{
	font-size: 16px;
	font-weight: 400;
	clear: both;
	text-transform: uppercase;
}

.primary_top li span{
	clear: both;
	display: block;
	font-size: 14px;
}

.primary_top li.shipping {
	background-position: 0 -82px;
}
.primary_top li.Hotline {
	background-position: 0 -240px;
}
.primary_top li.money-back {
	background-position: 0 -330px;
}

/*............primary_bottom........*/
.logo{
	float: left;
	width: 20%;
	text-align: left;
}
.search{
	width: 60%;
	text-align: center;
	float:right;
}
.search .search-form {
	margin-left:400px;
	width: 400px;
	text-align: left;
}
.search .search-form input {
	background: url(../images/themes/bg-text-search.png) left top no-repeat;/*..*/
	width: 300px;
	height: 42px;
	border: 0;
	float: left;
	font-size: 14px;
	padding: 0 10px;
}
.search .search-form button {
	background: url(../images/themes/search-button.png) left top no-repeat;/*..*/
	width: 42px;
	height: 42px;
	border: 0;
	font-size: 0;
	float: left;
	cursor: pointer;
}
#search_mini_form{
	margin: -40px;
}
.giohang{
}

.shopping-cart-block {
	width: 20%;
	float: left;
}
.shopping-cart-infor {
	background: url(../images/themes/shoppingBag.png) top left no-repeat;
	background-size: 50px 54px;
	height: 55px;
	width: 64px;
	padding-left: 20px;
}
.number-items {
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	float: left;
	padding-top: 25px;
}
.money-pay {
	padding: 28px 0px 0px 34px;
	text-align: left;
	font-size: 16px;
	font-weight: 600;
}
h1{
	display:block;
	font-size:2em;
	font-weight:bold;
	padding-left:50px;
}
/*....................
		MAIN
	.................*/
.main{
	display: block;
	clear: both;
	padding-top: 0;
	max-width: 1170px;
	width: 97%;
	margin: auto;
}
/*...........main_banner..........*/
.main_banner{
	max-width: 1170px;
	width: 97%;
	margin: auto;
	padding-left:0px;
}
/*................*/
.contentdiv a{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	display:none;
}
/*...........main_primary..........*/
.main_primary{
	display:block;
	clear:both;
	padding-top:20px;
	min-width:1170px;
	width:97%;
	margin:auto;
	margin-top:-25px;
}
.left_side{
	width:75%;
	float:left;
}
.right_side{
	width:21%;
	float:right;
	padding-right:30px;
}
/*............left_side..........*/
.nd{
	display: block;
	clear: both;
	float: left;
	background: url(../images/themes/dot-timeline.png) 50% top repeat-y;
	width: 100% /* baonq:fix width*/;
}
.left_nd{
	width: 44%;
	float: left;
	padding-right: 10px;
}
.box_content {
	display: block;
	border: 1px solid #c5c5c5;
	background-color: #FFFFFF;
	margin-bottom: 20px;
	padding: 15px;
	text-align: center;
	position: relative;
	float: left;
	width: 100%;
}
.left-arrow {
	background: url(../images/themes/arrow-left.png) left top no-repeat;
	width: 80px;
	height: 80px;
	position: absolute;
	right: -53px;
	top: 10px;
}
.box_content img {
	width: 100%;
}
.box_content h2 {
	font-weight: 400;
	font-size: 14px;
	text-align: left;
	color: #4aa0d3;
}
.box_content p {
	display: block;
	clear: both;
	padding: 5px 0;
}
.right_nd{
	width: 44%;
	float: right;
	padding-left: 10px;
	padding-right: 33px;
}
.right_nd .box_content {
	padding: 10px;
}
	/*Left side*/
	.product-list-content {
		display: block;
		clear: both;
		padding-top: 10px;
	}
	.m-product-item {
		width: 22%;
		padding: 0 26px 20px 0;
		float: left;
		position: relative;
		transform: translateZ(0px);
		transition-duration: 0.5s;
		transition-property: transform;
		cursor: pointer;
	}
	.m-product-item .product-pic {
		width: 200px;
		height:270px;
	}
	.m-product-item .product-pic img {
		width: 100%;
        border: 0; 
        height:270px;
	}
	.m-product-item .sale-item {
		width: 44px;
		height: 44px;
		background: url(../images/themes/icon-sale-item.png) left top no-repeat;
		color: #fff;
		font-weight: 400;
		text-align: center;
		vertical-align: middle;
		position: absolute;
		z-index: 99;
		line-height: 44px;
		right: 45px;
		top: 15px;
	}
	
	.price-block {
		background: url(../images/themes/bg-hover.png) left top repeat;
		position: absolute;
		bottom: 21px;
		height: 50px;
		line-height: 20px;
		width: 180px;
		opacity: 1;
		padding: 0 10px;
		left: 1px;
	}
	.price-block p.product-name {
		width: 100px;
		color: #fff;
		font-size: 11px;
		font-weight: 200;
		display: inline-block;
		float: left;
	}
	.price-block p {
		width: auto;
		color: rgba(197, 240, 27, 1);
		font-size: 12px;
		font-weight: 400;
		display: inline-block;
		float: right;
	}
/*............right_side..........*/
.box_right{
	width:100%;
}

.right-arrow {
	background: url(../images/themes/arrow-right.png) left top no-repeat;
	width: 80px;
	height: 80px;
	position: absolute;
	left: -60px;
	top: -10px;
}
.right_nd .box_content img {
	width: 100%;
}

.title-header {
	position: absolute;
	left: -5px;
	top: 5px;
	background: url(../images/themes/bg-title.png) left top no-repeat;
	height: 50px;
	padding-left: 20px;
	color: #fff;
	width: 100%;
	background-size: 95% 50px;
}
.title-header h2 {
	font-size: 14px;
	text-transform: uppercase; /*chu hoa*/
	clear: both;
	line-height: 30px;
	width: auto;
	float: left;
	font-weight: 600 !important;
}
h2 {
	display: block;
	font-size: 1.5em;
	font-weight: bold;
}
.read-more {
	background: url(../images/themes/arrow-white.png) 10px 19px no-repeat;
	width: 50px;
	height: 50px;
	/*cursor: pointer;*/
	float: right;
}
.right_side .product-items {
	display: block;
	clear: both;
	padding-top: 50px;
}
.right_side .product-items .product-item:nth-child(2n+1) {padding-right: 8px;}

.right_side .product-items .product-item {
	width: 48%;
	float: left;
	position: relative;
	margin-bottom: 5px;
}

.product-items .product-item:nth-child(2n+1) .sale {
	right: 5px;
}
.product-items .product-item .sale {
	background: url(../images/index/sale.png) left top no-repeat;
	position: absolute;
	right: -3px;
	top: 0;
	width: 55px;
	height: 55px;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: 400;
	padding: 2px 0 0 3px;
	text-align: right;
}
.right-side .product-items .product-item img {width: 100%;}
.box-content img {
	width: 100%;
	border: 0;
	}

.product-items .product-item p {
	overflow: hidden;
	height: 0px;
	padding: 0px;
	display: block;
	clear: both;
	height: 0;
	background: url(../images/index/new.png) left top repeat;
	color: #fff;
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
	position: absolute;
	bottom: 4px;
	width: 125px;
	left: 0;
	padding: 0;
	text-transform: capitalize;
	overflow: hidden;
}
.box-content p {
	display: block;
	clear: both;
	padding: 10px 0;
	text-align: justify;
}

.product-items .product-item:nth-child(2n+1) .new {right: 5px;}

.product-items .product-item .new {
	background:url(../images/index/new.png) left top no-repeat;
	position: absolute;
	right: -3px;
	top: 0;
	width: 55px;
	height: 55px;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: 400;
	padding: 2px 0 0 3px;
	text-align: right;
}
/*DUOI MENU*/
.nivi-bar {
	clear: both;
	display: block;
	border-left: px solid #070707;
	line-height: 40px;
	height: 40px;
	text-align: left;
	background: url(../images/themes/yame-fav.png) top left no-repeat;
	padding-left: 20px;
}
.nivi-bar li:first-child {
	background: transparent;
	padding-left: 10px;
}
.nivi-bar li {
	background: url(../images/themes/arrow.png) left 15px no-repeat;
	float: left;
	padding: 0 10px 0 30px;
	font-size: 18px;
}
.nivi-bar li a {
	color: #4aa0d3;
}
/*....................
		FOOTER
	.................*/
.footer{
	display: block;
	clear: both;
	background:#1b1b1b;
	background-color: #070707;
	text-align: center;
	width: 100%;
	float: left;
}

.footer .footer-detail {
	max-width: 1170px;
	width: 97%;
	margin: auto;
	text-align: left;
}

.footer .footer-left {
	width: 32%;
	float: left;
	padding: 17px 30px 30px 0;
}
.footer-logo {
	clear: both;
	display: block;
	padding-bottom: 20px;
}
img{width: 10%;}
.footer-about {
	color: #808080;
	font-size: 14px;
}
.footer-payment-method {
	clear: both;
	display: block;
	padding-top: 0px;
	color: #808080;
	font-size: 12px;
	text-align:center;
}
.footer-payment-method span.payment {
	font-size: 16px;
	margin-top: 20px;
}
.footer-payment-method p {
	padding-top: 0px;
	font-size: 24px;
	font-weight: 400;
	color: #f1f1f1;
}

.footer-right{
	width: 62%;
	padding: 30px 0 0 40px;
	float: left;
	background-color: #070707;
}
.footer-primary-container {
	display: block;
	clear: both;
}
.footer-box {
	width: 30%;
	float: left;
	padding-bottom: 20px;
}
.footer-box h2 {
	font-size: 16px;
	text-transform: capitalize;
	font-variant: 300;
	color: #808080;
	font-variant: 300;
	padding-bottom: 15px;
}
.footer-box li {
	clear: both;
	width: 100%;
	padding: 0 0 10px;
}
.footer-box li a {color: #808080;}
a {text-decoration: none;}

.footer-bottom-container {
	clear: both;
	display: block;
	line-height: 30px;
	font-size: 12px;
	color: #808080;
	border-top: 1px solid #3b3b3b;
	text-align:center;
}

.footer-box li.male-female {
	background: url(../images/themes/male-female.png) left top no-repeat;
}
.cartImg{height:100%; width:50%;}